<template>
  <div class="">
    <el-button type="text" @click="test">设置</el-button>
    <edit-personal ref="editPersonal" :position="position"></edit-personal>
  </div>
</template>

<script>
import editPersonal from '../mpmDataBoardCustomizeRecord/editPersonalForDashboard'
export default {
  name: 'componentsSetting',
  components: { editPersonal },
  data() {
    return {
      refVisible: false,
      refTitle: "修改组件"
    }
  },
  props: {
    id: Number,
    position: String
  },
  computed: {},
  watch: {},
  methods: {
    test() {
      this.$refs.editPersonal.id = this.id
      this.$refs.editPersonal.isAdd = false
      this.$refs.editPersonal.visible = true
      this.$refs.editPersonal.disableEditSubmit = false
    }
  },
  created() { },
  mounted() { },
  beforeCreate() { },
  beforeMount() { },
  beforeUpdate() { },
  updated() { },
  beforeDestroy() { },
  destroyed() { },
  activated() { }
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
</style>
